$(function(){
    //  codeImg的left从80=》0  然后phoneImg的opacity值从0=>1
    //初态 codeImg left=80px phoneImg 隐藏
    //终态 codeImg left=0 phoneImg 显示
    var timer = null
    //标题
    $("#outLogin .title li").click(function(){
        //标题效果
        $(this).addClass("active").siblings().removeClass("active");
        //end 标题效果
        //索引
        var index = $(this).index();
        if(index ==0){
            $("#outLogin .loginType").hide(1).eq(index).show(1)
            //扫描登录显示后
            
            //防止动画堆砌
            var isMove = $("#outLogin .codeImg").is(":animated")||$("#outLogin .phoneImg").is(":animated")
                if(!isMove){
                //由初状态 =》终状态
                $("#outLogin .codeImg").animate({"left":"0px"},200,function(){
                    $("#outLogin .phoneImg").animate({"opacity":"1"})
                })
            //如果3s 后，就会返回初状
            clearTimeout(timer);
            timer = setTimeout(function(){
                
                //由终状 =》初态
                $("#outLogin .phoneImg").animate({"opacity":"0"},function(){
                    $("#outLogin .codeImg").animate({"left":"80px"},200)
                })
            },2000)
        }
            //防止动画堆砌
    
        }else{
                $("#outLogin .loginType").hide(1).eq(index).show(1);
                //账户登录后
                //由终状 =》初态
                $("#outLogin .phoneImg").animate({"opacity":"0"},1,function(){
                    $("#outLogin .codeImg").animate({"left":"80px"},1)
                })
        }
    })
    
    //鼠标指针在 qrCode上进出时
    $("#outLogin .qrCode").hover(function(){
        var isMove = $("#outLogin .codeImg").is(":animated")||$("#outLogin .phoneImg").is(":animated")
                if(!isMove){
                    //由初状态 =》终状态
                    $("#outLogin .codeImg").stop(true,false).animate({"left":"0"},1,function(){
                        $("#outLogin .phoneImg").animate({"opacity":"1"})
                    })
                }
    },function(){
        //由终状态 =》初状态
        $("#outLogin .phoneImg").stop(true,false).animate({"opacity":"0"},1,function(){
            $("#outLogin .codeImg").animate({"left":"80px"},1)
        })
    })
    
    
    
    })